<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>用户信息</title>

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
	crossorigin="anonymous">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
    	/* body{
    		font-size: 14px;
    		line-height:  1.428;
    	} */
    </style>
</head>

<body>
	<div class="container">
		<div class="title">
			<h3>用户信息</h3>
		</div>
		<div>
			By Javen
		</div>
		<div class = "content">
			<table
				class="table table-hover table-bordered table-condensed table-responsive">
				<ttable>
				<tr>
					<td>昵称</td>
					<td>国家</td>
					<td>城市</td>
					<td>省份</td>
					<td>性别</td>
					<td>appId</td>
					<td>openId</td>
					<td>创建时间</td>
					<td>更新时间</td>
				</tr>
				</ttable>
				<tr>
					
					<td class="danger">#(user.nick_name)</td>
					<td class="info">#(user.country)</td>
					<td class="info">#(user.city)</td>
					<td class="info">#(user.province)</td>
					#if(user.sex == 1)
						<td class="info">男</td> 
					#elseif(user.sex == 2)
						<td class="info">女</td> 
					#elseif(user.sex == 0)
						<td class="info">未知</td> 
					#end
					<td class="success">#(user.app_id)</td>
					<td class="warning">#(user.open_id)</td>
					<td class="info">#date(user.create_time)</td>
					<td class="info">#date(user.update_time)</td>
				</tr>
			</table>
		</div>
		<img src='#(user.headimgurl)' class="img-responsive" alt="Responsive image">
	</div>


	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script
		src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
		integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
		crossorigin="anonymous"></script>
</body>
</html>